.pc .banner {
    background: center center no-repeat;
    /* background: url("../../img/screen-detail.jpg") center center no-repeat; */
    height: 600px;
    width: 100%;
    background-size: 100% auto;
    /* border-radius: 0 0 0 100% / 0 0 0 30%; */
    overflow: hidden;
}


.header_div {
    position: absolute;
    top: 8%;
    left: 17%;
    width: 26%;
    height: 20%;
}


.header_img {
    width: 100%;
    height: 400px;
}


.shade {
    /*background: #ff5722;*/
    width: 100%;
    height: 100%;
    color: #ff5722;
    opacity: 0.92;
}

.header_info {
    position: absolute;
    top: 12%;
    left: 50%;
    width: 40%;
    height: 45%;
}


.header_info_div {
    padding: 20px 0px;
}

.header_info_title {
    color: #fff;
    font-size: 26px;
    text-align: left;
}


.header_info_detail {
    color: #fff;
    padding-top: 20px;
    font-size: 14px;
    text-align: left;
    line-height: 26px;
}


.ellipse_div {
    position: absolute;
    left: -13%;
    top: 48%;
    width: 20%;
    height: 25%;
}


.ellipse_img {
    height: 100%;
    width: 100%;
}

.rectangle_div {
    position: absolute;
    right: -10%;
    top: 65%;
    width: 20%;
    height: 25%;
}


.rectangle_img {
    height: 100%;
    width: 100%;
}

.representative_div {
    padding: 3% 17%;
}


.representative_title {
    text-align: left;
    font-size: 22px;
}


.info_img {
    width: 100%;
    height: 260px;
    float: left;
}


.info_title {
    color: #000000;
    font-size: 16px;
    text-align: left;
}

.info_content {
    padding-top: 6px;
    color: #000000;
    font-size: 14px;
    line-height: 26px;
    text-align: left;
}
